<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>   
    <title>Search VM</title>

    
     <style type="text/css" title="currentStyle">
        @import "../../JavaScript/DataTables/media/css/demo_page.css";
        @import "../../JavaScript/DataTables/media/css/demo_table_jui.css";
        @import "../../JavaScript/DataTables/examples/examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css"; 
        @import "../../JavaScript/DataTables/extras/TableTools/media/css/TableTools.css";
        @import "../../JavaScript/DataTables/extras/ColReorder/media/css/ColReorder.css";
        @import "../../JavaScript/DataTables/extras/ColVis/media/css/ColVis.css";
        .ColVis {
				float: left;
				margin-bottom: 0
			}
			.dataTables_length {
				width: auto;
			}
  </style>
    	
  <script src="../../JavaScript/jquery-1.6.4.js"></script>
  <script src="../../JavaScript/Calendar/WdatePicker.js"></script>
  <script src="../../JavaScript/DataTables/media/js/jquery.dataTables.js"></script>
  <script src="../../JavaScript/DataTables/extras/TableTools/media/js/ZeroClipboard.js"></script>  
  <script src="../../JavaScript/DataTables/extras/TableTools/media/js/TableTools.js"></script>
  <script src="../../JavaScript/DataTables/extras/ColReorder/media/js/ColReorder.js"></script>
  <script src="../../JavaScript/DataTables/extras/ColVis/media/js/ColVis.js"></script>
  <script src="../../JavaScript/SearchStock.js"></script>
  </head>
  
  <body>
  	 <div><br><span> Individual Inventory Search 
  	</span>
  </div>
  <div class="line"></div>
  <div class="tab">
    <br>
   	<hr>
    <br>
  </div>
  		<!--查询条件 -->
    	<div class="main">
    	<form id="form1">
    	<label>Please select one (or more) of the following to perform search:</label>
    	<table>
		<tr>
			<td>Category</td>
			<td><select name="category" id="category"><option>All</option></select></td>
			<td>Date</td>
			<td><input type="text" name="date" id="date" size="25" class="Wdate" onFocus="WdatePicker({lang:'en'})"/></td>
			<td>Item Name</td>
			<td><select name="item" id="item"><option>All</option></select></td>
			<td>Place of Purchase</td>
			<td><select name="place" id="place"><option>All</option></select></td>
		</tr>
		</table>
		<button type="button" id="search">Search</button>
		<button type="reset" id="reset">Reset</button>
		</form>
		</div>
		
	<!--VM信息显示 -->
    <form id="form2">
			<table cellpadding="0" cellspacing="0" border="0" class="display" id="content" style="display:none">
			<thead>
				<tr>
					<th>Item Name/Description</th>
					<th>Last Date of Purchase</th>
					<th>Place of Purchase</th>
					<th>Total Items Purchased</th>
					<th>Total Purchase Price</th>
					<th>Cost per Item</th>
					<th>Cost per Stocked Item</th>
					<th>Total Sold</th>
					<th>Total Discarded</th>
					<th>Total Remaining</th>
				</tr>
			</thead>
			<tbody id="Inventory_Content">

			</tbody>
			</table>	
    </form>
	
  </body>
</html>